<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器</title>

    <style>
           /* 元素选择器 */
           p{
               color: springgreen;
           }

          /*ID选择器*/
          #div{
              height: 200px;
              width: 200px;
              background-color: royalblue;
          }

          /*  类选择器 */
          .div{
              width: 300px;
              height: 200px;
              background-color: skyblue;
          }

          
        /* 
            通配选择器
                作用：选中页面中的所有元素
                语法: *
        */

        *{
            font-size: 30px;
        }



    </style>
</head>
<body>
    <p>hello FE</p>
    <p>hello JS</p>
    <div class="div"></div>
    <div id="div"></div>
    <div></div>
</body>
</html>